/* btn background color*/
.btn-bg-red {
    background-color: #FF0000;
}
.btn-bg-red:hover{
    color: #FFF;
    background-color: #B40404;

}


/* end btn background color*/

.background-main {
	background: url('../images/phuket.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
}


.formlogin {
	text-align:right;
}

.form-group {
	margin-right:50px;
}

.checkbox {
	margin-right:50px;
}

.forget-password {
	margin-right:50px;
}

.btn-login {
	margin-right:50px;

}

.formregist{
	text-align:right;
}

.btn-regist {
	margin-right:50px;

}

.logo-head {
	margin-top: 40px;
}

.out {
	/*margin-right: 80px;*/
	text-align: right;
}

/* Color 4 */
.main-menu .color-4 .dropdown-menu {
    border-top-color: #B40404;
}
    .main-menu li.color-4 > a > span.nav-line,
    .main-menu .color-4 .dropdown-menu > li > a:hover,
    .main-menu .color-4 .dropdown-menu > li > a:focus .btn-srp.color-theme {
        background-color: #B40404;
    }

/* Color 5 */
.main-menu .color-5 .dropdown-menu {
    border-top-color: #424242;
}
    .main-menu li.color-5 > a > span.nav-line,
    .main-menu .color-5 .dropdown-menu > li > a:hover,
    .main-menu .color-5 .dropdown-menu > li > a:focus .btn-srp.color-theme {
        background-color: #424242;
    }


/* Coloring Category Boxes */
.color-forme [class^="color-"] .btn-srp,
.color-forme [class*="color-"] .btn-srp {
    background-color: #2E2EFE;
}

    .color-forme [class^="color-"] .btn-srp > a,
    .color-forme [class*="color-"] .btn-srp > a {
        color: #fff;
    }

.viewItem {
    width: 100%;
}

.resadd {
    text-align: right;
    margin-right: 380px;
}

.resdetail {
    margin-left: 18px;
}

.resarea {
    margin-left: 85px;
    width: 640px; 
    height: 500px;
}

.underdetail {
    /*margin-top: 100px;*/
}

.btn-upload {
    text-align: center;
    float: center;
}

.danger h3{
    color:red;

}

.text-center {
    text-align: center;
}

.btnlike {

    
}
.btnlike button {
    /*font-weight: bold;*/
}




/* Guy */
#image1 {
    position: relative;
    width: 100%;
    height: 170px;
    left: 0;
    top: 40px;
}

#image2 {
    position: absolute;
    width: 150px;
    height: 100px;
    left: 265px;
    top: 10px;
}

#image3 {
    position: absolute;
    width: 110px;
    height: 145px;
    left: 285px;
    top: 110px;
}



/* error */
.error {
    color: red;
}



/* main_menu_widget */
.user-panel {
    margin-top: 10px;
}

.user-panel  .dropdown-menu > li > a:hover {
    color: #000;
}

.main-menu a.btn-logout {
    font-size: 12px;
}
.user-panel .span-username {
    font-family: 'thaisans_neue_lightregular',Arial, sans-serif;
    font-size: 20px;
}


/*restaurant_admin_index*/
.tab-color {
margin-left: auto;
margin-right: auto;
}

div.restaurant-menu{
margin:0px 0px 0px 0px;
}

div.restaurant-menu ul{
list-style-type:none;
margin:0;
padding:0;
}

div.restaurant-menu ul li { float:left; }

div.restaurant-menu ul li a {
font-size: 12px;
text-align:center;
font-weight:bold;
display:block;
width:95px;
background-color:#01DF74;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
color:#FFFFFF;
}


div.restaurant-menu ul li a:hover { background-color:#0B6138; }


/* Table 1 Style */
table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 0.5em;
    font-style: normal;
    border-collapse:separate;
    width: 100%;
}
.table1 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
     text-align:center;
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    background-color:#9DD929;
    border:1px solid #93CE37;
    border-right:3px solid #9ED929;
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(158,217,41) 2%,
        rgb(139,198,66) 51%,
        rgb(123,192,67) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 tfoot td{
    color: #9CD009;
    font-size:32px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.table1 tbody span.check::before{
    content : url(../images/check0.png);
}

.table1 img{
    width:15px;
}

.table1 img.pic{
    width:100px;
}
